html, body {position: relative;height: 100%;}
body {background:#ffffff;font-family: Helvetica Neue, Helvetica, Arial, sans-serif;font-size: 14px;color:#000;margin: 0;padding: 0;}
body{margin:0;font-family:'微软雅黑','Times New Roman', Times, serif; }
a{ text-decoration:none;}
.clearfix{ clear:both;}
a:active,
a:hover {outline: 0; text-decoration:none;}
.navi{ width:100%; position:fixed; top:0; z-index:22;/*box-shadow:rgba(0,0,0,0.3) 0px 6px 12px*/; background:rgba(255, 255, 255, 0.8); height:110px; background:url(../img/nav_bg.png) bottom repeat-x;}
.navi_head{height:auto;background-color:#fff; width:100%; margin-left:auto; margin-right:auto; }
.navi_logo{width:20%; float:left;min-height:77px;vertical-align:middle}
.navi_logo a{position: fixed;}
.navi_logo a img{width: auto;max-height: 160px;}
.navi_mund{display:none;}
.navi_li{width:60%; float:right;}
.navi_li>span>a>p{ margin:0;}
.navi_body{overflow:hidden;height:auto;background:rgba(0,0,255,0);transition:height ease 0.5s;/* border-bottom:1px solid #896750*/; width:100%;}
.navi_body:hover{height:auto;}
.navi_head>div>span{width:12.5%;text-align:center;height:auto; float:left;font-weight:100;color:#221815;font-size:12px;
vertical-align:top; border-left:0px solid #eaeaea; border-right:0px solid #eaeaea; border-bottom:0px solid #eaeaea;}
.navi_head>div>span>a>p{ font-weight:300; font-size:14px;}
.navi_head>div>span>p{ margin:0; width:300px;}
.navi_head>div>span>a>img{ margin:29px 5px;}
.navi_head>div>span>p a{color:#221815;text-decoration:none; line-height:30px;}
.navi_head>div>span>p a:hover{color:#11337e;text-decoration:underline;}
.navi_title{font-size:12px;line-height:110px;margin-top:0;color:rgba(45, 45, 45, 1); border-bottom:0px solid #eaeaea; }
.navi_title_active{ background:#cc0022 url(../img/nav_bg_avtive.png) center 20px no-repeat; color:rgba(255,255,255,1) !important;line-height:60px; padding-top:50px;  }
.navi_title:hover{ background:#cc0022 url(../img/nav_bg_avtive.png) center 20px no-repeat!important; color:rgba(255,255,255,1);line-height:60px; padding-top:50px; transition:all 0.2s;  }
.navi_head>div>span:hover{background:rgba(0, 40, 130, 0);}
.navi_head>div>span>p{ display:none; /*display:block;*/background:#cc0022;color:rgba(255,255,255,1); text-decoration:none; text-align:left }
.navi_head>div>span>p>a{ font-size:14px; padding:0 8px; color:rgba(255,255,255,1)}
.navi_head>div>span>p>a:hover{ color:rgba(255,255,255,1)}
.navi_head>div>span:hover>p{ display:block;background:#cc0022;color:rgba(255,255,255,1); margin:0; padding:10px;}
.navi_head>div>span:hover .navi_title{ background:#cc0022 url(../img/nav_bg_avtive.png) top center no-repeat; color:rgba(255,255,255,1); }
.mage-left{ margin-left:-235px !important; text-align:right !important;}
@media (max-width:1200px) {
	.navi{ height:auto; background:none;}
	.navi_body{background:rgba(255,255,255,0.8)}
	.navi_head>div>span>p>a{ display:none;}
	#leenav{ display:none;}
	.navi_head{ width:100%;}     ` 
	.navi_logo{ width:80%;}
	.navi_li{ width:100%;}
	.navi_head>div>span{ clear:both;}
	.navi_body{min-height:100px;}
	.navi_head>div>span{ width:100%;}
	.navi_mund{display:block; width:20%; float:right;}
	.navi_body{min-height:50px !important; overflow:hidden;}
	.navi_title {line-height: 40px;}
	.navi_mund a img{}
	.navi_logo a img{ width:50%;}
	.navi_logo{width:20%; float:left;min-height:50px;vertical-align:middle}
	.navi_head>div>span:hover>p{ display:none}
	.navi_title{ color:rgba(0,0,0,1);}
}